<template>
     <div class="cinemaItem">
            <ul>
                <li>
                    <h4>{{item.name}}</h4>
                    <p>{{item.address}}</p>
                </li>
            </ul>
     </div>
</template>

<script>
export default {
    props:['item']
}
</script>
<style lang="scss" scoped>
ul{
        display: flex;
        list-style: none;
        width: 100%;
        flex-wrap: wrap;
        box-sizing: border-box;

    }
 li{
        border-bottom: 1px solid #f5f5ff;
        
        p{
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
</style>